<html>

<head>
<title>TgcWebGL</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">




<!-- Dependencias de terceros -->
<script type="text/javascript" src="TgcViewer/Lib/gl-matrix/gl-matrix.js"></script>
<script type="text/javascript" src="TgcViewer/Lib/jquery/jquery-1.6.1.js"></script>


<!-- Librerias del Framework -->

<!-- Utils -->
<script type="text/javascript" src="TgcViewer/Utils/GuiController.js"></script>
<script type="text/javascript" src="TgcViewer/Utils/TgcUtils.js"></script>
<script type="text/javascript" src="TgcViewer/Utils/TgcShaders.js"></script>

<!-- TgcSceneLoader -->
<script type="text/javascript" src="TgcViewer/TgcSceneLoader/TgcSceneParser.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSceneLoader/TgcMeshData.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSceneLoader/TgcMaterialData.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSceneLoader/TgcSceneData.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSceneLoader/TgcParserUtils.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSceneLoader/TgcSceneLoader.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSceneLoader/TgcScene.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSceneLoader/TgcMesh.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSceneLoader/TgcTexture.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSceneLoader/TgcTexturePool.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSceneLoader/TgcShaderEffect.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSceneLoader/TgcShaderAttribute.js"></script>

<!-- TgcGeometry -->
<script type="text/javascript" src="TgcViewer/TgcGeometry/TgcBoundingBox.js"></script>
<script type="text/javascript" src="TgcViewer/TgcGeometry/FastMath.js"></script>

<!-- Input -->
<script type="text/javascript" src="TgcViewer/Input/TgcInput.js"></script>
<script type="text/javascript" src="TgcViewer/Input/TgcFpsCamera.js"></script>

<!-- TgcSkeletalAnimation -->
<script type="text/javascript" src="TgcViewer/TgcSkeletalAnimation/TgcSkeletalAnimationBoneData.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSkeletalAnimation/TgcSkeletalAnimationBoneFrameData.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSkeletalAnimation/TgcSkeletalAnimationData.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSkeletalAnimation/TgcSkeletalBoneData.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSkeletalAnimation/TgcSkeletalMeshData.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSkeletalAnimation/TgcSkeletalParser.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSkeletalAnimation/TgcSkeletalAnimation.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSkeletalAnimation/TgcSkeletalAnimationFrame.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSkeletalAnimation/TgcSkeletalBone.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSkeletalAnimation/TgcSkeletalBoneAttach.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSkeletalAnimation/TgcSkeletalLoader.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSkeletalAnimation/TgcSkeletalMesh.js"></script>
<script type="text/javascript" src="TgcViewer/TgcSkeletalAnimation/TgcSkeletalVertexWeight.js"></script>







<!-- Ejemplos -->
<script type="text/javascript" src="Examples/example1.js"></script>
<script type="text/javascript" src="Examples/example2.js"></script>
<script type="text/javascript" src="Examples/example3.js"></script>



<!-- Codigo principal -->
<script type="text/javascript">

	window.onload = function() {
	
		//Crear ejemplos
		var examples = [
			new Example1(),
			new Example2(),
			new Example3(),
		];
	
	
		//Iniciar engine
		GuiController.NewInstance();
		
		//Pasar ejemplos e indicar indice de ejemplo inicial a ejecutar
		GuiController.Instance.initGraphics("canvasElement", examples, 1);
		
		
	}


</script>


</head>


<body style="background-color: #000000; width:100%;">

	<!--FPS-->
	<span style="color:yellow; font-weight:bold;">FPS: </span>
	<span id="fpsCounter" style="color: yellow; font-weight:bold;">0</span>

	<!--CANVAS-->
    <canvas id="canvasElement" style="border: none; display: block; margin: 0 auto;" width="800" height="600"></canvas>
	
</body>

</html>